﻿<div class="content-wrap">
    <div class="content" style="padding-top: 20px;">
        <div class="sidebar">
            <div class="home-blue-title">
                Did you know?
            </div>
            <div class="home-blue-title-mobile">
                Did you know?
            </div>
            <div class="home-left-text">
                You can click on the “remember me” option and
                you dont have to sign into your account every
                time you visit
            </div>
            <div class="home-left-text-mobile">
                You can click on the “remember me” option and
                you dont have to sign into your account every
                time you visit
            </div>
        </div>
        <div class="main-col">
            <div sustainalytics-navigation-menu navigation-menu-templateurl="/Views/Menu/CategoryMenu.html" navigation-menu-sitemap="CAT" navigation-menu-startnodelevel="0"></div>
            <div class="main-col-listing">
                <div class="title-border">Events</div>
                <div class="scroll-container">
                    <div class="calendar-controls" style="width: auto;">
                        <button class="calendar-controls_a previous" ng-disabled="eventView.disablePreviousButton" ng-click="eventView.getPreviousDate()"></button>
                        <div class="calendar-month">{{eventView.startDate | date: 'MMMM d, y'}}</div>
                        <button class="calendar-controls_a next" ng-click="eventView.getNextDate()"></button>
                        <div class="clear">&nbsp;</div>
                        <div class="sponsored" style="left: -172px;">= Sustainalytics Sponsorship</div>
                    </div><br />
                    <div class="news-listing" ng-repeat="item in eventView.eventsCurrentDate">
                        <a href="" class="ng-class:item.sponsorship ? 'news-listing-title has-sponsorship2 active' : 'news-listing-title has-sponsorship2'" style="margin-bottom: 5px;">{{item.name}}</a>
                        <div ng-bind-html="item.body">{{item.body}}</div>
                    </div>
                </div>
            </div>
            <div class="clear">&nbsp;</div>
        </div>
    </div>
</div>